<!DOCTYPE html>
<html>

<head>
    <link rel="icon" href="images/拉黑小怪兽.png">
    <title>Photo Go</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta name="keywords" content="" />

    <script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
    <link href="css/style.css" rel='stylesheet' />
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/button.css" rel='stylesheet' type='text/css' />
    <link href="css/daohang.css" rel='stylesheet' type='text/css' />
    <link href="http://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i,800"
        rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Mallanna" rel="stylesheet">
    <style>
        .sticky {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 9999999;
            min-width: 1000px;
        }

        /* 添加一个CSS类来实现水平翻转 */
        .flip-horizontal {
            transform: scaleY(-1);
            filter: FlipH;
            /* 兼容IE */
            transition: transform 0.5s ease;
        }

        .yes {
            display: block;
        }

        .cd-search {
            width: 60%;
            top: 100%;
            left: 38%;
            border-radius: 25px;
        }

        .cd-search input {
            border-radius: 25px;
        }

        img[id="mingrenxiang"] {
            position: relative;
            right: 15px;
            height: 120px;
            width: 120px;
        }

        .hid .variety {
            position: absolute;
            z-index: 2100;
            left: 280px;
            top: 65px;
            font-size: 20px;
            min-width: 50px;
            min-height: 32px;
            text-align: left;
            white-space: normal;
            background-color: #fff;
            border: gray solid;
            border-radius: 5px;
            border-width: 1px;
        }

        .hid-arrow:after {
            content: " ";
            top: 55px;
            left: 300px;
            margin-left: -10px;
            border-bottom-color: gray !important;
            border-top-width: 0 !important;
            border-width: 10px;
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }

        .daohang2-font {
            color: black;
        }

        #daohang-faxian {
            cursor: pointer;
        }
    </style>

</head>

<body>
    <!--Header-->
    <div class="top-bar_sub_w3layouts_agile sticky" style="height: 80px;">
        <ul class="_ul_ daohangpos">
            <li class=" _need_popover" style=" position: absolute; left: 200px; top: 25px;">
                <a class="daohang_font" href="shouye.html">首页
                    <img src="images/down.png" alt="" id="daohang-img"
                        style="position: relative;left: -5px;width: 18px;">
                </a>
                <a href="remen.html" class="daohang_font">热门</a>
                <a href="xinzuo.html" class="daohang_font">新作</a>
                <a href="guanzhu.html" class="daohang_font">关注</a>
                <a href="cangku.html" class="daohang_font">仓库</a>
            </li>
        </ul>

        <div class="hid" id="hid" style="top: 48px;display: none;">
            <div class="hid-arrow" style="left: 10px;"></div>
            <div class="variety">
                <p>
                    <a href="remen.html" class="daohang2-font">热门</a>
                </p>
                <p>
                    <a href="xinzuo.html" class="daohang2-font">新作</a>
                </p>
            </div>
        </div>

        <script>
            var hid = document.getElementById("hid");
            var fx = document.getElementById("daohang-faxian");
            var im = document.getElementById("daohang-img");
            var flag = 0;
            fx.onclick = function () {
                if (flag == 0) {
                    im.src = "images/scroll-top.png";
                    hid.style.display = "block";
                    flag = 1;
                } else {
                    im.src = "images/down.png";
                    hid.style.display = "none";
                    flag = 0;
                }
            }
        </script>
        <!-- 		<div id="caidan" class="fangkuang">
			<a href="buluo.html" class="daohang_font" style="position: absolute;left:12px;">部落</a>
			<a href="buluo.html" class="daohang_font" style="position: absolute;left:12px;top:40px;">活动</a>
		</div> -->
        <!-- 		<script src="js/daohang.js"></script> -->
        <div class="search">
            <div class="right" style="right: 90px;">
                <h1><a style="position: absolute;left: 30px;top:20px;color:black;" href="shouye.html">Photo
                        Go</a></h1>
                <h5>
                    <a style="width: 150px; position: absolute;right:380px;top:25px;padding: 2px 20px;text-align: center;"
                        class="sign signup " href="userinfo.html">修改个人信息</a>
                    <a style="position: absolute;right:250px;top:25px;padding: 2px 20px;text-align: center;"
                        class="sign signup " href="shangchuan.html">上传</a>
                    <a id="tuichu"
                        style="width: 150px; position: absolute;right:80px;top:25px;padding: 2px 20px;text-align: center;"
                        class="sign signup ">退出登录</a>
                </h5>
            </div>

            <div class="cd-main-header">
                <ul class="cd-header-buttons">
                    <li><a class="cd-search-trigger" href="#cd-search"
                            style="position: absolute;right: 10px;top: 35px;">
                            <span></span></a></li>
                </ul>
                <!-- cd-header-buttons -->
            </div>
            <div id="cd-search" class="cd-search searchstyle">
                <form action="#" method="post">
                    <input id="sousuo" name="Search" type="search" placeholder="搜索作品">
                </form>
            </div>
        </div>
        <div class="clearfix"> </div>
    </div>
    <div class="header" id="home" style="min-width: 1000px;">

        <!--/top-bar-->
        <div class="top-bar">
            <div class="header-nav-agileits">

                <nav class="navbar navbar-default">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <!-- <h1><a class="navbar-brand" href="faxian.html">Photo Go</a></h1> -->
                    </div>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <!-- 					<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
						<nav>
							<ul class="top_nav">
								<li><a href="shouye.html" class="active">首页</a></li>
								<li><a href="faxian.html">发现</a></li>
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="Pages"
										role="button" aria-haspopup="true" aria-expanded="false">更多<span
											class="fa fa-angle-down"></span></a>
									<ul class="dropdown-menu">
										<li><a href="buluo.html">部落</a></li>
										<li><a href="huodong.html">活动</a></li>
									</ul>
								</li>
								<li><a href="xiangce.html">我的相册</a></li>
								<li><a href="contact.html">联系我们</a></li>
							</ul>
						</nav>
					</div> -->
                </nav>

            </div>
        </div>
        <!--//top-bar-->
        <!-- banner-text -->
        <div class="slider">
            <div class="callbacks_container">
                <ul class="rslides callbacks callbacks1" id="slider4">
                    <li>
                        <div class="banner-top">
                            <div class="banner-info-w3ls-agileinfo">
                                <h3 style="position: absolute;right: 50px;width: 500px;font-size: 30px;">
                                    美丽的图画，生动的故事<br>每一张图画都包涵了创作者满满的回忆，饱满的热情<br>细致的观察力和天马行空的想象力<br>值得我们厚以待之</h3>
                                <!-- 								<a href="faxian.html">Read More <i class="fa fa-caret-right" aria-hidden="true"></i></a>
								<a href="contact.html">Contact Us <i class="fa fa-caret-right"
										aria-hidden="true"></i></a> -->
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="banner-top1">
                            <div class="banner-info-w3ls-agileinfo">
                                <h3>筑得梧桐树<br>自引凤来吟<br>种下一颗图<br>收获万千景</h3>
                                <!-- 								<a href="about.html">Read More <i class="fa fa-caret-right" aria-hidden="true"></i></a>
								<a href="contact.html">Contact Us <i class="fa fa-caret-right"
										aria-hidden="true"></i></a> -->
                            </div>

                        </div>
                    </li>
                    <li>
                        <div class="banner-top2">
                            <div class="banner-info-w3ls-agileinfo">
                                <h3 style="font-size: 35px;">摄影是一门将眼睛与心灵结合的艺术<br>一张好照片，可胜过千言万语</h3>
                                <!-- 								<a href="about.html">Read More <i class="fa fa-caret-right" aria-hidden="true"></i></a>
								<a href="contact.html">Contact Us <i class="fa fa-caret-right"
										aria-hidden="true"></i></a> -->
                            </div>

                        </div>
                    </li>
                    <li>
                        <div class="banner-top3">
                            <div class="banner-info-w3ls-agileinfo">
                                <h3 style="font-size: 35px;">图画亦是认识世界的方式<br>透过图画或许能发现更多<br>美就在我们身边</h3>
                                <!-- 								<a href="about.html">Read More <i class="fa fa-caret-right" aria-hidden="true"></i></a>
								<a href="contact.html">Contact Us <i class="fa fa-caret-right"
										aria-hidden="true"></i></a> -->
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- <div class="clearfix"> </div> -->

            <!--banner Slider starts Here-->
        </div>
        <!--//Slider-->
    </div>
    <!-- Modal1 -->
    <div class="modal fade" id="myModal2" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <div class="signin-form profile">

                        <div class="login-m_page_img">

                            <img src="images/model.jpg" alt=" " class="img-responsive" />

                        </div>
                        <div class="login-m_page">
                            <h3 class="sign">Sign In</h3>
                            <div class="login-form-wthree-agile">
                                <form action="#" method="post">
                                    <input type="email" name="email" placeholder="E-mail" required="">
                                    <input type="password" name="password" placeholder="Password" required="">
                                    <div class="tp">
                                        <input type="submit" value="Sign In">
                                    </div>
                                </form>
                            </div>
                            <div class="login-social-grids">
                                <ul>
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-rss"></i></a></li>
                                </ul>
                            </div>
                            <p><a href="#" data-toggle="modal" data-target="#myModal3"> Don't have an account?</a></p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- //Modal1 -->
    <!-- Modal2 -->
    <div class="modal fade" id="myModal3" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>

                    <div class="signin-form profile">

                        <div class="login-m_page_img">

                            <img src="images/model.jpg" alt=" " class="img-responsive" />

                        </div>
                        <div class="login-m_page">
                            <h3 class="sign">Sign Up</h3>
                            <div class="login-form-wthree-agile">
                                <form action="#" method="post">
                                    <input type="text" name="name" placeholder="Username" required="">
                                    <input type="email" name="email" placeholder="Email" required="">
                                    <input type="password" name="password" placeholder="Password" required="">
                                    <input type="password" name="password" placeholder="Confirm Password" required="">
                                    <input type="submit" value="Sign Up">
                                </form>
                            </div>
                            <p><a href="#"> By clicking Sign up, I agree to your terms</a></p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- //Modal2 -->

    <!--//Header-->
    <!--/banner_bottom-->
    <!-- 	<div class="banner_bottom">
		<div class="banner_bottom_in">
			<h3 class="headerw3">Take the world's best courses, online.</h3>

			<p>Lorem ipsum dolor sit amet, do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
				minim veniam, quis
				nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

			<div class="edu_button">
				<a class="btn btn-primary btn-lg" href="about.html" role="button">Read More </a>
			</div>
			<iframe src="#" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
		</div>
	</div> -->
    <!--//banner_bottom-->
    <div class="sec_video">
        <div class="container">
            <div class="about-main about1">
                <h3 style="font-size: 60px;">我们有什么优势？</h3>
                <div class="col-md-4 about-gd">
                    <div class="about-sub-gd" style="position: relative;top: 40px;">
                        <h4>Stable storage</h4>
                        <p style="font-size: 12px;">把心爱的图片存储在我们的云端中，拒绝丢失<br>随时可以观赏！
                        </p>
                    </div>
                    <div class="about-sub-gd" style="position: relative;top: 25px;">
                        <h4>Selfless sharing</h4>
                        <p style="font-size: 12px;">欣赏他人分享的美丽瞬间<br>感受世界
                        </p>
                    </div>
                </div>
                <div class="col-md-4 about-gd1" style="position: relative;top: 10px;">
                    <img src="images/video.jpg" class="img-responsive" alt="">
                </div>
                <div class="col-md-4 about-gd ab-right">
                    <div class="about-sub-gd">
                        <h4>Automatic classification</h4>
                        <p style="font-size: 12px;">AI自动将图片分类，便捷的进行图片管理
                        </p>
                    </div>
                    <div class="about-sub-gd">
                        <h4>Convenient search</h4>
                        <p style="font-size: 12px;">快速找到你想要的照片！
                        </p>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <!--/video-->
    <!--/what-wedo-->
    <div class="top_spl_courses">
        <div class="container">
            <h3 class="headerw3"> varieties of photos</h3>
            <div class="inner_sec_w3_agileinfo">

                <div class="col-md-6 edu-left">
                    <h4 class="sub-hdng two">For Your Digital Life</h4>
                    <p class="paragraph">这里有多种多样的图片<br>在欣赏这些图片的过程中，拓展视野，感知世界，亲近自然，享受人文魅力</p>
                    <p class="paragraph two">光影斑驳，一场视觉盛宴<br>摄影随心，一段精彩人生</p>

                </div>
                <div class="col-md-6 edu_img">
                    <img src="images/sky.jpeg" alt=" " class="img-responsive">
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>
    <!--/what-wedo-->

    <!--/what-wedo-->
    <div class="what-wedo" style="background-color: aquamarine;">
        <div class="container">
            <h3 class="headerw3 two">Cultivate character</h3>
            <div class="inner_sec_w3_agileinfo">
                <div class="wedo-main">
                    <div class="wedo-right">

                    </div>
                    <div class="wedo-left">
                        <h4 class="sub-hdng">陶冶情操，放松心情，共赏美景</h4>
                        <p class="paragraph">欣赏美丽的摄影作品可以帮助我们提高自己的审美水平<br>较高的美学素养可以在生活的方方面面帮助我们<br>拥抱美丽的图片吧</p>
                        <h4 class="sub-hdng">我们的用户包括</h4>
                        <p class="paragraph"><span class="fa fa-check" aria-hidden="true"></span>从事摄影的专业人士</p>
                        <p class="paragraph"><span class="fa fa-check" aria-hidden="true"></span>热爱图片的万千大众</p>
                        <p class="paragraph"><span class="fa fa-check" aria-hidden="true"></span>乐于分享的热心网友</p>
                        <p class="paragraph">加入我们，一起享受美丽世界吧</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/what-wedo-->
    <!--/services
	<div class="services">
		<div class="container">
			<h3 class="headerw3">Featured Photos</h3>
			<div class="inner_sec_w3_agileinfo">
				<div class="col-md-4 grid_info_main">
					<div class="grid_info">
						<div class="icon_info">
							<span class="fa fa-line-chart" aria-hidden="true"></span>
							<h5>Financial Analyst Course</h5>
							<p>Lorem ipsum dolor sit amet,vehicula vel sapien et, feugiat sapien amet.</p>
						</div>
					</div>
					<div class="grid_info second">
						<div class="icon_info">
							<span class="fa fa-bookmark" aria-hidden="true"></span>
							<h5>Discipline</h5>
							<p>Lorem ipsum dolor sit amet,vehicula vel sapien et, feugiat sapien amet.</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 grid_info_main">
					<div class="grid_info">
						<div class="icon_info">
							<span class="fa fa-bicycle" aria-hidden="true"></span>
							<h5>Sport Exercise Sciences</h5>
							<p>Lorem ipsum dolor sit amet,vehicula vel sapien et, feugiat sapien amet.</p>
						</div>
					</div>
					<div class="grid_info second">
						<div class="icon_info">
							<span class="fa fa-female" aria-hidden="true"></span>
							<h5>Life style</h5>
							<p>Lorem ipsum dolor sit amet,vehicula vel sapien et, feugiat sapien amet.</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 grid_info_main">
					<div class="grid_info">
						<div class="icon_info">
							<span class="fa fa-laptop" aria-hidden="true"></span>
							<h5>It and Software</h5>
							<p>Lorem ipsum dolor sit amet,vehicula vel sapien et, feugiat sapien amet.</p>
						</div>
					</div>
					<div class="grid_info second">
						<div class="icon_info">
							<span class="fa fa-home" aria-hidden="true"></span>
							<h5>Interior Design</h5>
							<p>Lorem ipsum dolor sit amet,vehicula vel sapien et, feugiat sapien amet.</p>
						</div>
					</div>
				</div>

				<div class="clearfix"> </div>
			</div>
		</div>
	</div>-->
    <!--//services-->
    <!--/top_spl_courses
	<div class="top_spl_courses">
		<div class="container">
			<h3 class="headerw3">好图推荐</h3>
			<div class="inner_sec_w3_agileinfo">
				<div class="mid_slider">-->
    <!-- banner 
					<div id="myCarousel" class="carousel slide" data-ride="carousel">-->
    <!-- Indicators 
						<ol class="carousel-indicators">
							<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
							<li data-target="#myCarousel" data-slide-to="1" class=""></li>
							<li data-target="#myCarousel" data-slide-to="2" class=""></li>
							<li data-target="#myCarousel" data-slide-to="3" class=""></li>
						</ol>
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<div class="row">
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g1.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Business &amp; Management</h5>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g2.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Data Structures</h5>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g3.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Digital Marketing</h5>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g4.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Financial Analyst Course</h5>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="row">
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g5.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Arts &amp; Media </h5>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g6.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Literature</h5>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g7.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Study Skills</h5>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g1.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Computer Science</h5>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="row">
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g1.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Business &amp; Management</h5>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g2.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Data Structures</h5>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g3.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Digital Marketing</h5>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g4.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Financial Analyst Course</h5>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="row">
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g5.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Arts &amp; Media </h5>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g6.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Literature</h5>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g7.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Study Skills</h5>
									</div>
									<div class="col-md-3 col-sm-3 col-xs-3 slidering">
										<div class="thumbnail"><img src="images/g1.jpg" alt="Image"
												style="max-width:100%;"></div>
										<h5>Computer Science</h5>
									</div>
								</div>
							</div>
						</div>
						<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
							<span class="fa fa-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a>
						<a class="left carousel-control" href="#myCarousel" role="button" data-slide="next" style="left: 1150px;">
							<span class="fa fa-chevron-right" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>-->
    <!-- The Modal 
					</div>
				</div>-->
    <!--//slider
			</div>
		</div>
	</div>-->
    <!--//top_spl_courses-->

    <!-- /newsletter
	<div class="newsletter">
		<div class="col-sm-6 newsleft">
			<h3>Sign up for Newsletter !</h3>
		</div>
		<div class="col-sm-6 newsright">
			<form action="#" method="post">
				<input type="email" placeholder="Enter your email..." name="email" required="">
				<input type="submit" value="Submit">
			</form>
		</div>

		<div class="clearfix"></div>
	</div>-->
    <!-- //newsletter-->
    <!--what-we-do
	<div class="top_spl_courses" style="background-color: aqua;">
		<div class="container">
			<h3 class="headerw3">预留热榜(不需要直接删)</h3>
			<div class="inner_sec_w3_agileinfo">
				<div class="tabs-grids">
					<div id="parentVerticalTab">
						<ul class="resp-tabs-list hor_1">
							<li>人文建筑</li>
							<li>自然风光</li>
							<li>动物世界</li>


						</ul>
						<div class="resp-tabs-container hor_1">
							<div class="text-info">
								<h4>Coursework</h4>
								<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accUKntium doloremque
									laudantium, totam rem aperiam,
									eaque ipsa quae ab illo inventore veritatis et quasi architecto.</p>
								<p class="sec">Consectetur, adipisci velit, sed quia non numquam eius modi tempora
									incidunt ut labore et dolore magnam aliquam quaerat
									voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
									suscipit laboriosam, nisi ut aliquid
									ex ea commodi consequatur.</p>
								<img src="images/banner1.jpg" alt=" " class="img-responsive" />

							</div>
							<div class="text-info">
								<h4>Help & Support</h4>
								<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accUKntium doloremque
									laudantium, totam rem aperiam,
									eaque ipsa quae ab illo inventore veritatis et quasi architecto.</p>
								<p class="sec">Consectetur, adipisci velit, sed quia non numquam eius modi tempora
									incidunt ut labore et dolore magnam aliquam quaerat
									voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
									suscipit laboriosam, nisi ut aliquid
									ex ea commodi consequatur.</p>
								<img src="images/banner2.jpg" alt=" " class="img-responsive" />

							</div>

							<div class="text-info">
								<h4>Certificates</h4>
								<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accUKntium doloremque
									laudantium, totam rem aperiam,
									eaque ipsa quae ab illo inventore veritatis et quasi architecto.</p>
								<p class="sec">Consectetur, adipisci velit, sed quia non numquam eius modi tempora
									incidunt ut labore et dolore magnam aliquam quaerat
									voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
									suscipit laboriosam, nisi ut aliquid
									ex ea commodi consequatur.</p>
								<img src="images/banner3.jpg" alt=" " class="img-responsive" />

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>-->
    <!--//what-we-do-->
    <div class="tesimonials">
        <div class="container">
            <h3 class="headerw3 two">Testimonials</h3>
            <div class="inner_sec_w3_agileinfo">
                <div class="test_grid_sec">
                    <div class="col-md-offset-2 col-md-8">
                        <div class="carousel slide two" data-ride="carousel" id="quote-carousel">
                            <!-- Bottom Carousel Indicators -->
                            <ol class="carousel-indicators two">
                                <li data-target="#quote-carousel" data-slide-to="0" class="active"></li>
                                <li data-target="#quote-carousel" data-slide-to="1"></li>
                                <li data-target="#quote-carousel" data-slide-to="2"></li>
                            </ol>

                            <!-- Carousel Slides / Quotes -->
                            <div class="carousel-inner">

                                <!-- Quote 1 -->
                                <div class="item active">
                                    <blockquote>
                                        <div class="test_grid">
                                            <div class="col-sm-3 text-center">
                                                <i class="fa" aria-hidden="true">
                                                    <img src="images/优素福·卡什.png" alt="优素福·卡什" id="mingrenxiang">
                                                </i>

                                            </div>
                                            <div class="col-sm-9 test_img_info">
                                                <p>我对平民百姓有无限兴趣
                                                    <br>但最使我着迷的莫过于
                                                    <br>用相机将伟人的真性情
                                                    <br>充分展示出来
                                                </p>
                                                <h6>优素福·卡什<br>Yousuf Karsh</h6>
                                            </div>
                                        </div>
                                    </blockquote>
                                </div>
                                <!-- Quote 2 -->
                                <div class="item">
                                    <blockquote>
                                        <div class="test_grid">
                                            <div class="col-sm-3 text-center">
                                                <i class="fa" aria-hidden="true">
                                                    <img src="images/亨利·卡蒂埃·布列松.png" alt="亨利·卡蒂埃·布列松" id="mingrenxiang">
                                                </i>
                                            </div>
                                            <div class="col-sm-9 test_img_info">
                                                <p>我最渴望的就是<br>要抓住正展现在我眼前的某种情势的全部本质<br>我深信只要一张照片</p>
                                                <h6>亨利·卡蒂埃·布列松<br>Henri Cartier Bresson</h6>
                                            </div>
                                        </div>
                                    </blockquote>
                                </div>
                                <!-- Quote 3 -->
                                <div class="item">
                                    <blockquote>
                                        <div class="test_grid">
                                            <div class="col-sm-3 text-center">
                                                <i class="fa" aria-hidden="true">
                                                    <img src="images/欧文·佩恩.png" alt="欧文·佩恩" id="mingrenxiang">
                                                </i>
                                            </div>
                                            <div class="col-sm-9 test_img_info">
                                                <p>一张好照片是传达事实，触动心灵并让观看者看到它的人变了的照片。</p>
                                                <h6>欧文·佩恩<br>Irving Penn</h6>
                                            </div>
                                        </div>
                                    </blockquote>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- bootstrap-modal-pop-up -->
    <div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    Luscious
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <img src="images/model.jpg" alt=" " class="img-responsive" />
                    <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut
                        aliquid ex ea commodi
                        consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil
                        molestiae consequatur,
                        vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>
                </div>
            </div>
        </div>
    </div>
    <!-- //bootstrap-modal-pop-up -->
    <!--footer-->
    <div class="contact-footer-w3layouts-agile">

        <div class="bottom-social-agileits-w3ls">
            <div class="container">
                <div class="col-md-8 botttom-nav-w3ls-agileits">
                    <ul class="f_links col-md-4">
                        <li>
                            <a href="shouye.html">首页</a>
                        </li>
                        <!-- 						<li>
							<a href="faxian.html">发现</a>
						</li> -->
                        <li>
                            <a href="guanzhu.html">关注</a>
                        </li>
                        <li>
                            <a href="cangku.html">仓库</a>
                        </li>
                        <!-- 						<li>
							<a href="xiangce.html">我的相册</a>
						</li>
						<li>
							<a href="contact.html">联系我们</a>
						</li> -->
                    </ul>
                    <ul class="f_links col-md-4">
                        <li>
                            <a href="remen.html">热门</a>
                        </li>
                        <li>
                            <a href="xinzuo.html">新作</a>
                        </li>
                        <!--<li>
							<a href="404.html">Careers</a>
						</li>
						<li>
							<a href="services.html">Services</a>
						</li>-->

                    </ul>
                    <!--<ul class="f_links thrd col-md-4">
						<li>
							<a href="index.html">Topics</a>
						</li>
						<li>
							<a href="404.html">Events</a>
						</li>
						<li>
							<a href="app.html">Mobile App</a>
						</li>


					</ul>-->
                    <div class="clearfix"></div>
                </div>
                <!--<div class="col-md-4 social-icons-wthree">
					<h6>Connect with us</h6>
					<a class="facebook" href="#"><span class="fa fa-facebook"></span></a>
					<a class="twitter" href="#"><span class="fa fa-twitter"></span></a>
					<a class="pinterest" href="#"><span class="fa fa-pinterest-p"></span></a>
					<a class="linkedin" href="#"><span class="fa fa-linkedin"></span></a>
				</div>-->
                <div class="clearfix"></div>

            </div>
        </div>
        <div class="copy-w3-agileits">
            <h2 class="footer-logo"><a href="shouye.html">Photo Go</a></h2>
            <div class="clearfix"></div>
        </div>
    </div>
    <!--/footer -->


    <!-- js -->
    <script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
    <!-- //js -->
    <!--search-bar-->
    <script src="js/main.js"></script>
    <script src="js/responsiveslides.min.js"></script>
    <script>
        var tuichu = document.getElementById('tuichu');
        const token = localStorage.getItem("token");
        function handleKeyDown(event) {
            if (event.keyCode === 13) {
                var sousuo = document.getElementById('sousuo');
                var d1 = {
                    "description": "",
                }
                d1["description"] = sousuo.value;
                console.log("type", typeof (sousuo.value), "text:", sousuo.value);
                $.ajax({
                    method: 'get',
                    url: 'http://localhost:7777/content/Category/list' + "?description=" + sousuo.value,
                    contentType: 'application/json;charset=UTF-8',
                    success: function (data, status, xhr) {
                        var responseText = xhr.responseText;
                        console.log(responseText);
                        if (responseText.includes("200")) {
                            var result = JSON.parse(responseText);
                            var data = result["data"];
                            console.log("data:", data);
                            var len = data.length;
                            var where = "sousuo.html" + "?";
                            for (var i = 0; i < len; i++)
                                where = where + "id=" + data[i]["id"];
                            console.log(where);
                            window.location.href = where;
                        }
                    },
                    error: function (xhr, status, error) {
                        var responseText = xhr.responseText;
                        console.log("error:", responseText);
                    }
                })
                event.preventDefault(); // 阻止默认的回车提交行为（如果有）
            }
        }
        tuichu.addEventListener("mousedown", function (event) {
            $.ajax({
                method: 'get',
                url: 'http://localhost:7777/logout',
                contentType: 'application/json;charset=UTF-8',
                headers: {
                    "token": token
                },
                success: function (data, status, xhr) {
                    var responseText = xhr.responseText;
                    console.log(responseText);
                    if (responseText.includes("200")) {
                        tuichu.href = "shouyeno.html";
                        tuichu.click();
                    }
                },
                error: function (xhr, status, error) {
                    var responseText = xhr.responseText;
                    console.log("error:", responseText);
                }
            })
        })
        $(function () {
            $("#slider4").responsiveSlides({
                auto: true,
                pager: true,
                nav: false,
                speed: 1000,
                namespace: "callbacks",
                before: function () {
                    $('.events').append("<li>before event fired.</li>");
                },
                after: function () {
                    $('.events').append("<li>after event fired.</li>");
                }
            });
        });
    </script>
    <!--//search-bar-->
    <link rel="stylesheet" type="text/css" href="css/easy-responsive-tabs.css " />
    <script src="js/easyResponsiveTabs.js"></script>
    <!--Plug-in Initialisation-->
    <script type="text/javascript">
        $(document).ready(function () {

            //Vertical Tab
            $('#parentVerticalTab').easyResponsiveTabs({
                type: 'vertical', //Types: default, vertical, accordion
                width: 'auto', //auto or any width like 600px
                fit: true, // 100% fit in a container
                closed: 'accordion', // Start closed if in accordion view
                tabidentify: 'hor_1', // The tab groups identifier
                activate: function (event) { // Callback function if tab is switched
                    var $tab = $(this);
                    var $info = $('#nested-tabInfo2');
                    var $name = $('span', $info);
                    $name.text($tab.text());
                    $info.show();
                }
            });
        });
    </script>
    <!--/script-->
    <!-- start-smoth-scrolling -->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({
                    scrollTop: $(this.hash).offset().top
                }, 900);
            });
        });
    </script>
    <!-- start-smoth-scrolling -->

    <script type="text/javascript">
        $(document).ready(function () {
            /*
                                    var defaults = {
                                            containerID: 'toTop', // fading element id
                                        containerHoverID: 'toTopHover', // fading element hover id
                                        scrollSpeed: 1200,
                                        easingType: 'linear' 
                                        };
                                    */

            $().UItoTop({
                easingType: 'easeOutQuart'
            });

        });
    </script>
    <a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
    <script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>


</body>

</html>